{include file="common/header"}
    <div class="content">
        <div class="bd-con block-item display-online box-color">
            <div class="common-tit clearfix">
                <h2 class="fl">线上展览<span>/Online exhibition</span></h2>
                <a class="fr" href="{:url('Shop/index')}">更多>></a>
            </div>

            <div class="online-goods" >
                <div class="title">
                    <ul>
                    	{volist name="classArr" id="v" key="k"}
                    		<li id="xszl_{$v.id}" {if $key ==0} class="xszl active" {else /}class="xszl "  {/if}>
	                        	<a href="javascript:void(0);"  onclick="chooseCate({$v['id']})">{$v.names}预展</a>
	                        </li>
                        {/volist}
                    </ul>
                </div>
                
                <div class="online-goods-part" >
                    <div class="dispaly-con">
                        <ul id="ul_zhanlan"  data="{:url('Ajax/online_exh')}">
                        	{volist name="goodsArr" id="v1" key="k1"}
                            <li>
                                <div class="exhibition-list">
                                    <a href="{:url('Shop/info',array('goods_id'=>$v1['id']))}" class="exhibition-img mbl">
                                        <img src="__UPLOAD__/{$v1.pic}" alt="" height="248">
                                    </a>
                                    <a href="{:url('Shop/info',array('goods_id'=>$v1['id']))}" class="name">{$v1.title}</a>
                                    <div class="number">编号：4844625{$v1.id}</div>
                                    <div class="price-tit">委托价</div>
                                    <div class="price">{if $v1['presale_price']}{:number_format($v1['presale_price'])}{else/} 暂无价格{/if}</div>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="bd-con block-item display-online box-color">
            <div class="common-tit clearfix">
                <h2 class="fl">成交记录<span>/Record</span></h2>
                <a class="fr" href="{:url('Salelog/index')}">更多>></a>
            </div>

            <div class="online-goods" >
                <div class="title">
                    <ul>
                        {volist name="classArr" id="v3" key="k3"}
                    		<li id="slog_{$v3.id}" {if $key ==0} class="successlog active" {else /} class="successlog " {/if}>
	                        	<a href="javascript:void(0);"  onclick="onlineCate({$v3['id']});">{$v3.names}预展</a>
	                        </li>
                        {/volist}
                    </ul>
                </div>

                <div class="display-record-box" >
                    <div class="dispaly-con">
                        <ul id="online-goods" data="{:url('Ajax/orderLog')}">
                        	{volist name="saleArr" id="v4" key="k4"}
                            <li>
                                <div class="exhibition-list">
                                    <a href="{:url('Salelog/info',array('goods_id'=>$v4['id']))}" class="exhibition-img mbl">
                                        <img src="__UPLOAD__/{$v4.pic}" height="248">
                                    </a>
                                    <a href="{:url('Salelog/info',array('goods_id'=>$v4['id']))}" class="name">{$v4.title}</a>
                                    <div class="price-tit">成交价</div>
                                    <div class="price">{:number_format($v4['actual_price'])}</div>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="bd-con block-item box-color">
            <div class="common-tit clearfix">
                <h2 class="fl">专家团队<span>/Expert Team</span></h2>
                <a class="fr" href="{:url('Evaluation/index')}">更多>></a>
            </div>

            <div class="exprt-box">  
                <div class="exprt-body">
                    <ul class="exprt-list">
                    	{volist name="zjArr" id="v5" key="k5"}
                        <li>
                            <div class="exprt-list-box">
                                <a href="{:url('Evaluation/info',array('eid'=>$v5['id']))}"><img src="__UPLOAD__/{$v5.photo}" alt=""></a>
                                <a class="title" href="#">{$v5.field}-{$v5.names}</a>
                            </div>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>    
        </div>

        <!--公司新闻开始-->
        <div class="bd-con block-item box-color">
            <div class="comprehensive clearfix">
                <div class="zj_InListFoot clearfix">
                    <div class="common-tit clearfix">
                        <h2 class="fl">拍卖资讯<span>/Auction Information</span></h2>
                        <a class="fr" href="{:url('Article/index')}">更多>></a>
                    </div>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="gs">
                            <div class="zj_gundo">
                            	{volist name="zxArr" id="v6" key="k6"}
                                <p class="zj_gunP">
                                    <span><a href="{:url('Article/info',array('id'=>$v6['id'],'category_id'=>$v6['category_id']))}">{$v6.title}</a></span>
                                    <span>{:date("Y-m-d",$v6['on_time'])}</span>
                                </p>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="zj_InUser clearfix" id="yuyue">
                    <form id="form1" action="plus/diy.php" enctype="multipart/form-data" method="post">
                        <div class="zj_InYuyue">
                            <div class="common-tit clearfix">
                                <h2 class="fl">预约鉴定<span>/Auction Information</span></h2>
                            </div>
                            <ul class="zj_InyuUl">
                                <li>
                                    <label><i>*</i>您的电话</label>
                                    <input type="text" name="tel" id="tel">
                                </li>
                                <li>
                                    <label><i>*</i>您的姓名</label>
                                    <input type="text" name="username" id="username">
                                </li>
                                <li>
                                    <label style="padding-left: 1.5rem;">备注说明</label>
                                    <textarea name="mark" id="mark"></textarea>
                                </li>
                                <li>
                                    <label><i>*</i>验证码</label>
                                    <!-- <input name="validate" type="text" id="vdcode"> -->
                                    <input type="text" id="Txtidcode" style="width:120px;margin-right: 10px;" size="4" class="txtVerification" />
                                    <span id="idcode"></span>
                                    <!-- <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer;" alt="看不清？点击更换" src="include/vdimgck.php">
                                    <a href="javascript:vide(-1);" onClick="changeAuthCode();">看不清？</a> -->
                                </li>
                                <a href="javascript:void(0);">
                                    <li class="zj_InButYuyue" id="btns">提交</li>
                                </a>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--公司新闻结束-->

        <div class="bd-con company-profile block-item box-color">
            <div class="common-tit clearfix">
                <h2 class="fl">公司简介<span>/Company Profile</span></h2>
            </div>

            <div class="company-profile-box clearfix">
                <div class="company-profile-img fl">
                    <img style="width:500px;" src="__UPLOAD__/{$sjArr.logo}" alt="">
                </div>
                <div class="company-profile-fr">
                    <p>{:htmlspecialchars_decode($sjArr.content)}</p>
                    <a class="more-btn" href="{:url('About/index')}">了解更多>></a>
                </div>
            </div>
        </div>

        <!-- 友情链接 -->
        <div class="bd-con block-item box-color">
            <div class="common-tit clearfix">
                <h2 class="fl">友情链接<span>/Friendship Link</span></h2>
            </div>

            <div class="friendship-box">
                <ul class="clearfix">
                	{volist name="linkArr" id="v7" key="k7"}
                    	<li><a href="{$v7.url}" target="_blank"><img src="__UPLOAD__/{$v7.logo}" alt=""></a></li>
                    {/volist}
                </ul>
            </div>
        </div>
        <!-- 友情链接 -->
    </div>
    
    <!-- 图片验证码 -->
    <script>
    $.idcode.setCode();

    //手机验证
    function mobile_check() {
        var reg = /^(13|15|17|18)\d{9}$/; //因为邮箱 xxx @ xxx . xxx     xxx 可以是 数字字母下划线 结束 可以 是 .com 或者 .com.cn
        if ($("#tel").val().search(reg) == -1) {
        	warningTips("手机格式不正确 应该是 1 （3|5|7|8）xxx xxx xxx  总共11位的纯数字");
            return false;
        } else {
            return true;
        }
        return true;
    }

    $("#btns").click(function() {
        var IsBy = $.idcode.validateCode();
        if ($("#tel").val() == "") {
        	warningTips("电话不能为空");
            return false;
        }
        if (!mobile_check() && IsBy == false) { //只要有其中一项 返回值是 false 就会 进入 这个 语句
            return false;
        }
        if ($("#username").val() == "") {
        	warningTips("姓名不能为空");
            return false;
        }
        if ($("#mark").val() == "") {
        	warningTips("备注不能为空")
            return false;
        }
        
        if (IsBy == false) {
        	warningTips("验证码错误");
            return false;
        } else {
        	$.post("{:url('Index/order')}",{
    			'tel':$("#tel").val(),
    			'username':$("#username").val(),
    			'mark':$("#mark").val(),
    			'sbt':1
    		},function(json){
    			if(json.status=="1"){
    				$("#tel").val('');
    				$("#username").val('');
    				$("#mark").val('');
    				successTips('提交成功！');
    			}else{
    				successTips('提交失败！');
    			}
    		},'json');
        }
        
    });
    
	    jQuery(".online-goods-part").slide({
	        mainCell:".dispaly-con ul",
	        autoPage:true,
	        effect:"left",
	        autoPlay:true,
	        vis:4
	    });

	    jQuery(".display-record-box").slide({
	        mainCell:".dispaly-con ul",
	        autoPage:true,
	        effect:"left",
	        autoPlay:true,
	        vis:4
	    });
	    
	    
	    
	    function chooseCate(k) {
	    	$(".xszl").removeClass("active");
	    	$("#xszl_"+k).addClass("active");
	    	$.post($("#ul_zhanlan").attr("data"),{
	    		'category_id':k 
	    	},function (text){
	    		$("#ul_zhanlan").html(text);
	    		$(".online-goods-part .dispaly-con ul").css("left","0px");
	    	},'text');
	    	  
		}
	    
	    function onlineCate(k) {
	    	$(".successlog").removeClass("active");
	    	$("#slog_"+k).addClass("active");

	    	$.post($("#online-goods").attr("data"),{
	    		'category_id':k 
	    	},function (text){
	    		$("#online-goods").html(text);
	    		$(".display-record-box .dispaly-con ul").css("left","0px");
	    	},'text'); 
		}
	    
		
    </script>

   

{include file="common/footer"}
